<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 71027
  Date: 2019/5/14
  Time: 10:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>所有商店</title>

    <%--提前导入。多了没事。--%>
    <%--批量导入。--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/mytest/static/css/font.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/mytest/static/css/weadmin.css"><!--必须，-->

    <script src="${pageContext.request.contextPath}/mytest/lib/layui/layui.js" charset="utf-8"></script>


<%--无法加载？？【手动导入？】--%>
    <script src="${pageContext.request.contextPath}/mytest/lib/layui/lay/modules/laydate.js" charset="utf-8"></script>
    <%--手动自己写一个JS？？同样代码？？？【？】--%>

</head>
<body>
<%--自己的。--%>
<table>
    <c:forEach items="${allstorelist}" var="allstorelist" varStatus="i">
        <tr>
            <td>${i.count}</td>

            <%--<td>${allstorelist.bookId}</td>--%>
            <%--<td>${allstorelist.name}</td>--%>
            <%--<td>${allstorelist.number}</td>--%>

            <%--Integer.parseInt()没有办法将其转换--%>
            <%--查看它的源代码，我们发现它识别的是整数的字符串[获取到的是“ 5”,前面含有两个空格，所以，它本身不是数字]--%>
            <%--只需要去掉空格，就会得到我们想要的“5”--%>
            <%--封装类的转型，我们要考虑到被转型的数据，是否包含类似于空格的字符串。[？？]--%>
            <td><button onclick="detail()">详细</button></td>
            <td><button onclick="appoint()">预定</button></td>
        </tr>
    </c:forEach>
</table>
<%----%>

<%--美化模板。--%>
<%--模板上方导航部分。--%>
<div class="weadmin-nav"><%--最上方导航栏。【】--%>
			<span class="layui-breadcrumb"><%--左侧的显示位置。--%>
                <%--为什么隐藏了？？【】--%>
        <a href="">首页</a>
        <a href="">订单管理</a>
        <a><cite>订单列表</cite></a>
      </span>
    <a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a><%--右侧的刷新图标。--%>
</div>

<%--模板body部分--%>
<div class="weadmin-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 we-search">
            <div class="layui-inline"><%--可见。--%>
                <input class="layui-input" placeholder="开始日" name="start" id="start">
            </div>
            <div class="layui-inline"><%--可见--%>
                <input class="layui-input" placeholder="截止日" name="end" id="end">
            </div>
            <div class="layui-input-inline"><%--不可见。？？？--%>
                <select name="contrller">
                    <option>支付状态</option>
                    <option>已支付</option>
                    <option>未支付</option>
                </select>
            </div>
            <div class="layui-input-inline"><%--不可见？？--%>
                <select name="contrller">
                    <option>支付方式</option>
                    <option>支付宝</option>
                    <option>微信</option>
                    <option>货到付款</option>
                </select>
            </div>
            <div class="layui-input-inline"><%--不可见？？？--%>
                <select name="contrller">
                    <option value="">订单状态</option>
                    <option value="0">待确认</option>
                    <option value="1">已确认</option>
                    <option value="2">已收货</option>
                    <option value="3">已取消</option>
                    <option value="4">已完成</option>
                    <option value="5">已作废</option>
                </select>
            </div>
            <div class="layui-inline"><%--可见。--%>
                <input type="text" name="username" placeholder="请输入订单号" autocomplete="off" class="layui-input">
            </div>

            <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
            <%--按钮，提交。--%>
        </form>
    </div>
    <div class="weadmin-block"><%--批量删除和添加？？【没用？（添加。）】--%>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <!--delAll（）调用eleDel.js里面。【eleDel.js必须。】-->
        <button class="layui-btn" onclick="WeAdminShow('添加订单','./add.html')"><i class="layui-icon"></i>添加</button>
        <span class="fr" style="line-height:40px">共有数据：88 条</span>
    </div>
    <table class="layui-table"><%--表格主体。--%>
        <thead>
        <!--是什么？【table header】-->
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>订单编号</th><!--table header cell-->
            <th>收货人</th>
            <th>总金额</th>
            <th>应付金额</th>
            <th>订单状态</th>
            <th>支付状态</th>
            <th>发货状态</th>
            <th>支付方式</th>
            <th>配送方式</th>
            <th>下单时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody><!--..-->
        <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>2017009171822298053</td>
            <td>老王:18925139194</td>
            <td>7829.10</td>
            <td>7854.10</td>
            <td>待确认</td>
            <td>未支付</td>
            <td>未发货</td>
            <td>其他方式</td>
            <td>申通物流</td>
            <td>2017-08-17 18:22</td>
            <td class="td-manage">
                <a title="查看" onclick="WeAdminShow('编辑','order-view.html')" href="javascript:;">
                    <i class="layui-icon">&#xe63c;</i>
                </a>
                <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                    <%--删除按钮。弹出。--%>
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="page"><%--分页。这里的事件可以自己写？？？【不用模板？？或者找模板2号】--%>
        <div>
            <a class="prev" href="">&lt;&lt;</a>
            <a class="num" href="">1</a>
            <span class="current">2</span>
            <a class="num" href="">3</a>
            <a class="num" href="">489</a>
            <a class="next" href="">&gt;&gt;</a>
        </div>
    </div>

</div>
<%--模板JS代码部分。--%>
<script>
    layui.extend({
        admin: '{/}../../static/js/admin'
    });
    layui.use(['laydate','jquery','admin'], function() {
        var laydate = layui.laydate,
            $ = layui.jquery,
            admin = layui.admin;
        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });

        /*用户-停用*/
        function member_stop(obj, id) {
            layer.confirm('确认要停用吗？', function(index) {
                if($(obj).attr('title') == '启用') {
                    //发异步把用户状态进行更改
                    $(obj).attr('title', '停用')
                    $(obj).find('i').html('&#xe62f;');

                    $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                    layer.msg('已停用!', {
                        icon: 5,
                        time: 1000
                    });

                } else {
                    $(obj).attr('title', '启用')
                    $(obj).find('i').html('&#xe601;');

                    $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                    layer.msg('已启用!', {
                        icon: 5,
                        time: 1000
                    });
                }
            });
        }

        /*用户-删除*/
        function member_del(obj, id) {
            layer.confirm('确认要删除吗？', function(index) {
                //发异步删除数据
                $(obj).parents("tr").remove();
                layer.msg('已删除!', {
                    icon: 1,
                    time: 1000
                });
            });
        }

        function delAll(argument) {
            var data = tableCheck.getData();
            layer.confirm('确认要删除吗？' + data, function(index) {
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {
                    icon: 1
                });
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
        }
    });

</script>
<%----%>

<script type="text/javascript">
    function show() {
        <%--alert('${allstorelist.userid}');--%>
    }
</script>
</body>
</html>
